body{background: #F1F1F1;}
header{
    border: none;
}
footer{background: white;}
.border(@px:1px,@color:#E5E5E5){
    border: @px solid @color;
}
.top-logo{
    width: 100%;height: 80px;
    background: #E45050;
    .logo{
        width: 1210px;height: 80px;
        margin: 0 auto;
        .left{
            width: 265px;height: 80px;
            float: left;  
//          .border;  
            .image{ float:left;width: 158px;height: 80px;}
             .myjd{ display:block;width: 80px;height: 22px;float: left;
                margin-top: 15px;margin-left: 20px;
                font-size: 20px;color: white;font-family: "微软雅黑";
             }   
            .remove{
                float:left;width: 94px;height: 22px;
                text-align: center;line-height: 22px;
                margin:10px 0 0 10px;
                .border(1px,white);
                border-radius: 15px 15px;
                color: white;
                &:hover{color: #E45050;background: white;}
            }
            
        }
        .middle{
            width: 342px;height: 60px;
             margin-left: 30px;
            padding-top:20px;
           float: left;
           li{float: left;padding: 10px 19px;position: relative;
                color: white;font-size: 14px;font-family: "宋体";
                a{color: white;font-size: 14px;font-family: "宋体";&:hover{text-decoration: underline;}
                    
                }
            .shu{
                    display: block;width: 28px;height: 28px;
                    position: absolute;top: -12px;right: 0px;
                    background: url(../images/bg15.png)no-repeat;
                    color: black;font-weight: 700;font-size: 14px;text-align: center;
                    line-height: 28px;
                }
           }
        }
        .right{width: 340px;height: 34px;float: right;padding-top: 24px;
//              .border;
               .search{width: 187px;float: left;
                   .text{
                       width: 128px;height: 34px;
                      float: left;
                      border: none;
                       font-size: 14px;text-indent: 5px;color: #ccc2;
                   }
                   .sub{width: 56px;height: 34px;border: none;cursor: pointer;}
               }
               .shop-box{
                   width: 141px;height: 34px;background: #F9F9F9;float: right;position: relative;
                    p{
                        margin: 8px 0 0 40px;
                        span{margin-left: 16px;font-size: 12px;}
                   }
                   .biao,.topshu{display: block;position: absolute;}
                   .biao{
                       width: 18px;height: 16px;background: url(../images/bg.png)no-repeat 0 -59px;
                        top: 9px;left: 15px;
                   }
                   .topshu{width: 16px;height: 14px;
                            background: #C81623;
                            top: -4px;left: 104px;
                            border-radius: 7px 7px 7px 0;
                            color: white;line-height: 14px;
                            text-align: center;
                   }
                       
                   
               }
            
        }
    }
}
//正文部分开始
.contentall{
    width: 1210px;overflow: hidden;
    margin: 20px auto;
//  .border;
    .left{
        width: 100px;overflow: hidden;float: left;padding-left: 10px;
//      .border;
        dl{
            width: 100px; margin-bottom: 24px;
            dt{
                line-height: 28px;color: #3F3F3F;font-weight: 700;padding-bottom: 5px;
            }
            dd{
                margin-bottom: 10px;color: #666;font-family: "宋体";
            }
           .first{color: #E4393C;font-weight: 700;&:hover{text-decoration: underline;}}
        }
    }
    .right{
        width: 1089px;overflow: hidden;float: right;
//      .border;
        .link{
            width: 1069px;height: 58px;background: white;line-height: 58px;
            padding-left: 20px;
            color: #666;font-family: "宋体"; font-weight: 700;
            
        }
        //商品订单详情部分
        .detail-thing{
            width: 1089px; 
            background: white;
//         js控制
            overflow: hidden;
            //js控制
            margin-top: 18px;padding: 14px 0 0 17px;
            .fenlei{
                width: 1049px;height: 45px;padding-top: 9px;
//              .border;
                ul{
                    float: left;
                    padding-top: 6px;
                    li{
                        position: relative;
                        float: left;
                        a{color: #333;&:hover{color: #E4393C;}}
                        line-height:18px;                   
                    }
                    .p4{padding: 0px 18px 0 37px; font-weight: 700;
                        .new1{
                            position: absolute; top: -10px;
                            
                        }
                        .te{color: #999;font-family:"宋体";font-size: 12px;&:hover{color: #E4393C;}}
                    
                    }
                    .p3{padding-right: 19px;
                        .checked{
                            color: #E4393C;font-weight: 700; 
                            border-bottom: 2px solid #E4393C;
                        }
                        .ps{
                            width: 20px;height: 15px;display: block;position: absolute;
                            background: #E4393C;
                            color: white;
                            top: -5px;left: 39px;
                            border-radius: 6px 6px;
                            text-align: center;line-height: 15px;
                        }
                        
                    }
                    
                }
                
                .kuang{width: 274px;height: 25px;background: yellow;
                    float: right;
                    .text,.sub,.btn{height: 25px;.border;margin-left: -1px;float: left;}
                    .text{width: 170px;}
                    .sub{width: 53px;height: 27px;cursor: pointer;}
                    .btn{width: 50px; text-align: center;line-height: 25px;cursor: pointer;background: #F0F0F0;}
                }
            }
            //近几个月
               .time{
                 width: 1049px;height: 34px;background: #F5F5F5;.border;
                 margin-top: 10px;
                 position: relative;
                 overflow: hidden;
                 .xiala{
                     float:left;
                    position: absolute;top: 0px;left: 20px;
                     width: 138px;
                     dd,dt{                          
                         line-height: 34px;padding-left:21px;
//                       .border;
                     }
                     dt{
                         i{margin-left: 20px;}
                     }
                     
                 }
                 .xiangqing{
                     margin-left: 350px;
                     float: left;
                     line-height: 34px;color: #666;font-size:"宋体";
                 }
                 .all{
                     width: 540px;height: 34px;float: right;
                     .common{
                         float: left;
                         line-height: 34px;padding-left: 36px;padding-right: 36px;
                         margin-left: 12px;
                     }
                     .common1{width: 124px;float: right;text-align: center;line-height: 34px;}
                 }
            }
            
            //订单详细情况
            .box{
                margin-top: 20px;
                width: 1049px;
                margin-bottom: 50px;
                .border;
                .top{width: 1029px;height: 31px;background: #F5F5F5;
                    line-height: 31px;
                    padding-left: 20px;
                    position: relative;
                    color: #666;
                    .hao{margin-left: 30px;
                        span{margin-left: 15px;color: black;}
                    }
                    .delete{
                        width: 15px;height: 15px;
                        display: none;
                        position: absolute; right: 12px;
                        top: 8px;
                        background: url(../images/bg_7.png)no-repeat -23px -132px;
                    }                 
                }
                .something{
                    width: 1049px;height: 91px;
                    .images{width: 577px;height: 78px;float: left;padding: 13px 13px 0;
                        .tu{ 
                            .border;
                            margin-right: 15px;
                            display: block;
                            float: left;
                        }
                        .p{width: 240px;line-height: 20px;color: #333;display: block;&:hover{color: #E4393C;}}
                    }
                }
                ul{
                    float: right;
                    li{
                        width: 110px;height: 79px;
                        border-left: 1px solid #E5E5E5;
                        float: left;padding-top: 12px;
                        position: relative;
                        z-index: 100;
                        text-align: center;
                        .name{
                            margin-left: -30px;
                        }
                        .img{
                            display: block;width: 14px;height: 14px;
                            background: url(../images/bg_7.png)no-repeat 0 -24px;
                            position: absolute; 
                            top: 12px;left:70px;
                            
                        }
                        .hidden{
                            width: 262px;height: 130px;
                            position: absolute;
                            background: white;
                            display: none;
                            box-shadow: 0 0 3px #ccc;
                            .border;
                            top: -8px;left: -250px;
                            .sanjiao{
                                display: block; width: 9px;height: 16px;
                                position: absolute;top: 19px;right: -9px;
                                background: url(../images/bg_8.png)no-repeat -9px 0;
                            }
                        }
                        .w{display: block;width: 93px;height: 21px;
                            line-height: 21px;
                            color: #AAAAAA;
                        }
                        .se{color: black;&:hover{color: #E4393C;}}
                        .t{border-top: 1px solid #E5E5E5;}
                        //购买按钮
                        .btn{
                            display: block;width: 87px;height: 29px;.border;
                            border-radius: 2px 2px;
                            position: absolute;top: 36px;left: 10px;
                            background: #F5F5F5;
                            color: #333333;
                            line-height: 29px;text-indent: 25px;
                            .btn-img{
                                display: block;width: 12px;height: 19px;
                               position: absolute;top: 6px;left: 14px;
                                background: url(../images/bg_7.png)no-repeat -22px -181px;
                            }
                            &:hover{
                                border:1px solid #E45050;
                                background: white;color: #E45050;
                                .btn-img{background: url(../images/bg_7.png)no-repeat 0 -181px;}
                            }
                        }
                    }
                }
               &:hover{.delete{display: block;}} 
            }
           //订单详细情况结束
        }
       //详情不分结束
       
       
    }
}
//正文部分结束